<template>
	<view class="w750">
		<view class="w720 mg15">
			<view class="w660 pd30 mh100">
				<view class="d-bt  h90 border_bottom_1 fts24">
					<view class="label">仪器名称：</view>
					<view class="vals">{{ orderInfo.deviceName }}</view>
				</view>
				<view class="d-bt  h90 border_bottom_1 fts24">
					<view class="label">仪器类型：</view>
					<view class="vals">{{ orderInfo.typeName }}</view>
				</view>
				<view class="d-bt  h90 border_bottom_1 fts24">
					<view class="label">仪器规格：</view>
					<view class="vals">{{ orderInfo.deviceSpec }}</view>
				</view>
				<view class="d-bt  h90 border_bottom_1 fts24">
					<view class="label">设备信息：</view>
					<view class="vals">{{ orderInfo.equiCode }} （位置：{{orderInfo.equiAddress}}）</view>
				</view>
				<view class="d-bt  h90 border_bottom_1 fts24">
					<view class="label">申请人：</view>
					<view class="vals">{{ orderInfo.userName }} </view>
				</view>
			
				<view class="d-bt  h90 border_bottom_1 fts24">
					<view class="label">申请时间：</view>
					<view class="vals"v-if="orderInfo.orderStatus == 0">{{ orderInfo.borrowApplyTime }}</view>
					<view class="vals"v-if="orderInfo.orderStatus == 5">{{ orderInfo.restitutionApplyTime }}</view>
					<view class="vals"v-if="orderInfo.orderStatus == 12">{{ orderInfo.renewApplyTime }}</view>
				</view>
				<view class="d-bt  h90 border_bottom_1 fts24">
					<view class="label">预计归还：</view>
					<view class="vals" v-if="orderInfo.orderStatus == 12">{{ orderInfo.renewExpectTime }}</view>
					<view class="vals" v-else>{{ orderInfo.expectTime }}</view>
				</view>
				<view v-if="orderInfo.orderStatus == 5" class="d-bt  mt30 h200 border_bottom_1 fts24">
					<view class="label">归还影像：</view>
					<view class="vals w200 h200">						
						<view v-if="orderInfo.restitutionFile && !orderInfo.restitutionFile.includes('.mp4')">
							<image style="width: 200rpx; height: 200rpx;"  :src="orderInfo.restitutionFile" />
						</view>
						<view  v-if="orderInfo.restitutionFile.includes('.mp4')">
							<video
								style="width: 200rpx; height: 200rpx;" 
								id="myVideo"
								:src="orderInfo.restitutionFile"
								controls>
							</video>
						</view>	
						
					</view>
				</view>
				
	
				<view class="d-bt  h90 border_bottom_1 fts24">
					<view class="label">订单状态：</view>
					<view v-if="orderInfo.orderStatus == 0" class="fts24" style="color: #666666;">借用待审批</view>
					<view v-if="orderInfo.orderStatus == 1" class="fts24" style="color: #FF4D4F;">借用审批驳回</view>
					<view v-if="orderInfo.orderStatus == 2" class="fts24" style="color: #52C41A;">借用审批通过</view>
					<view v-if="orderInfo.orderStatus == 3" class="fts24" style="color: #1890FF;">借用中</view>
					<view v-if="orderInfo.orderStatus == 4" class="fts24" style="color: #FA8C16;">借用中(逾期)</view>
					<view v-if="orderInfo.orderStatus == 5" class="fts24" style="color: #8C8C8C;">归还待审批</view>
					<view v-if="orderInfo.orderStatus == 6" class="fts24" style="color: #CF1322;">归还审批驳回</view>
					<view v-if="orderInfo.orderStatus == 7" class="fts24" style="color: #73D13D;">归还审批通过</view>
					<view v-if="orderInfo.orderStatus == 8" class="fts24" style="color: #434343;">已归还</view>
					<view v-if="orderInfo.orderStatus == 9" class="fts24" style="color: #722ED1;">已归还(逾期)</view>
					<view v-if="orderInfo.orderStatus == 10" class="fts24" style="color: #820014;">报废</view>
					<view v-if="orderInfo.orderStatus == 11" class="fts24" style="color: #333333;">已取消</view>
					<view v-if="orderInfo.orderStatus == 12" class="fts24" style="color: #666666;">续借待审批</view>
				</view>
				<view class="d-bt  mt30 h200 border_bottom_1 fts24">
					<view class="label">审核理由:</view>
					<view class="vals">
						<textarea  class="uni-input-input"  placeholder="请输入内容" @blur="bindTextAreaBlur"  />
						
					</view>
				</view>
				
			</view>
		</view>
		<view class="pd030 pos_bottom d-bt mb50">
			<view class="w300 h80 br10 bg_3274CB d-center ftc_fff" @click="subInfo(0)">同意申请</view>
			<view class="w300 h80 br10 bg_3274CB d-center ftc_fff" @click="subInfo(1)">驳回申请</view>
		</view>
	</view>
</template>
<script>
	import mixin from "./mixin";
	import mixinCom from "@/utils/mixinCom.js";
	export default {
		name: "tabbarIndex",
		mixins: [mixin, mixinCom]
	}
</script>

<style lang="scss" scoped>
	@import './index.scss';

	.uni-input-input {
		padding: 10rpx !important;
		border-radius: 10rpx;
		width: 500rpx !important;
		height: 160rpx !important;
		// border-bottom: 1rpx solid #999999 !important;    /* 去掉输入框的边框 */
		outline: 1rpx solid #999999 !important;
		/* 去掉输入框获取焦点时的外边框（默认蓝色边框） */
	}
</style>